
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 模板</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8" >
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
  	<nav class="navbar navbar-default">
  		<div class="container-fluid">
    	<!-- Brand and toggle get grouped for better mobile display -->
    	<!-- Collect the nav links, forms, and other content for toggling -->
    	<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    			<form class="navbar-form navbar-left" role="search">
    			<div class="form-group">
    					<input type="text" class="form-control" placeholder="搜索">
    					</div>
    					<button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
    					</form>
    					<ul class="nav navbar-nav navbar-right">
    							<li class="dropdown">
    									<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-th-list"></span>通讯录<span class="caret"></span></a>
    									<ul class="dropdown-menu">
          	  <li><a href="tongxunlubianji.php">添加</a></li>
       	     <li><a href="#">列表</a></li>
       	     </ul>
       	     </li>
       	     </ul>
       	     </div><!-- /.navbar-collapse -->
       	     </div><!-- /.container-fluid -->
       	     </nav>
	</div>
	<div class="container">
	<div class="row">
			<div class="col-xs-6">

			<div class="panel panel-primary">
			<div class="panel-heading">
			<div class="title" data-toggle="collapse" data-target="#xx2">通讯录列表</div>
			</div>
			<div id="xx2" class="panel-collapse collapse" >
			<table class="table table-bordered table-striped table-hover">
			<tr>
			<th><span class="glyphicon glyphicon-user"></span>为了谁</th>
			</tr>
			<tr>
			<th><span class="glyphicon glyphicon-user"></span>为了谁</th>
			</tr>
			<tr>
			<th><span class="glyphicon glyphicon-user"></span>为了谁</th>
			</tr>
			<tr>
			<th><span class="glyphicon glyphicon-user"></span>为了谁</th>
			</tr>
			<tr>
			<th><span class="glyphicon glyphicon-user"></span>为了谁</th>
			</tr>
			<tr>
			<th><span class="glyphicon glyphicon-user"></span>为了谁</th>
			</tr>
			<tr>
			<th><span class="glyphicon glyphicon-user"></span>为了谁</th>
			</tr>
			</div>
			</body>
			</html>